<template>
  <div class="text-coolgray-400 text-lg py-4">
    <Container class="flex-col">
      <!-- 菜单 -->
      <div class="my-4 w-full"></div>
      <!-- ICP备案信息 -->
      <div class="flex w-full justify-center">
        Copyright © {{ copyRight }} 2022-{{ new Date().getFullYear() }}
      </div>
    </Container>
  </div>
</template>

<script setup lang="ts">
interface LinkType {
  title: string
  url: string
}

interface ContactsType {
  email: string
  phone?: string
  address?: string
  wechat?: string
  sina?: string
}

interface FootItem {
  icp?: string
  copyRight?: string
  links?: LinkType[]
  contacts?: ContactsType
}

withDefaults(defineProps<FootItem>(), {
  icp: '',
  copyRight: '旅游',
  links: () => [],
  contacts: () => ({
    email: 'test@qq.com'
  })
})
</script>

<style scoped>
.item {
  @apply px-4 text-gray-400;
}
</style>
